{#
  This Source Code Form is subject to the terms of the Mozilla Public
  License, v. 2.0. If a copy of the MPL was not distributed with this
  file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% extends "base-protocol.html" %}

{% block page_title %}{{ ftl('data-preferences-page-title') }}{% endblock %}
{% block page_desc %}{{ ftl('data-preferences-page-desc') }}{% endblock %}

{% block canonical_urls %}<meta name="robots" content="noindex,follow">{% endblock %}

{% block page_css %}
  {{ css_bundle('protocol-article') }}
{% endblock %}

{% block string_data %}
  data-notification-opt-out="{{ ftl('data-preferences-notification-opt-out') }}"
  data-notification-opt-in="{{ ftl('data-preferences-notification-opt-in') }}"
{% endblock %}

{% block content %}
<div class="mzp-l-content">
  <article class="mzp-c-article">
    <h1 class="mzp-c-article-title">{{ ftl('data-preferences-page-title') }}</h1>

    <p>
      {{ ftl('data-preferences-your-privacy',
        glean='https://docs.telemetry.mozilla.org/concepts/glean/glean.html',
        lean_data=url('mozorg.about.policy.lean-data.index'))
      }}
    </p>
    <p>
      {{ ftl('data-preferences-mozilla-uses',
        dictionary='https://dictionary.telemetry.mozilla.org/',
        privacy_notice=url('privacy.notices.websites'))
      }}
    </p>

    <p>
      {{ ftl('data-preferences-if-you-still-want-to') }}
    </p>

    <p id="data-preference-status" class="data-preference-status" data-testid="data-preference-status">
      <strong>{{ ftl('data-preferences-current-preference') }}</strong>
      <noscript>{{ ftl('data-preferences-please-enable-javascript') }}</noscript>
      <span class="data-preference-text"></span>
    </p>

    <p>
      <button type="button" class="mzp-c-button js-opt-out-button" aria-controls="data-preference-status" data-testid="button-opt-out">
        {{ ftl('data-preferences-opt-out-button') }}
      </button>
    </p>

    <p>{{ ftl('data-preferences-if-you-change') }}</p>

    <p>
      <button type="button" class="mzp-c-button js-opt-in-button" aria-controls="data-preference-status" data-testid="button-opt-in">
        {{ ftl('data-preferences-opt-in-button') }}
      </button>
    </p>
  </article>
</div>

{% endblock %}

{% block js %}
  {{ js_bundle('privacy-data-preferences') }}
{% endblock %}
